/* coco.scss 常用样式库，依赖文件(theme.scss)需要引入uni.scss  /common/theme.scss */
image {
	vertical-align: top;
}
p {
	margin-bottom: 20upx;
}
a {
	color: $coco-link-color;
	text-decoration: none;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
/*文字*/
.coco-link{
	color: $coco-link-color;
}
.coco-theme-color{
	color: $coco-theme-color;
}
.coco-price{
	color:$coco-price-color;
}
.coco-btn {
	position: relative;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 30upx;
	font-size: 28upx;
	height: 64upx;
	line-height: 1;
	border-radius: $coco-btn-radius;
	text-align: center;
	text-decoration: none;
	overflow: visible;
	margin-left: initial;
	margin-right: initial;
	&::after {
		display: none;
	}
	&.round{
		border-radius:$coco-btn-round;
	}
	&.theme{
		color: #fff;
		background-color: $coco-btn-theme;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-theme-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-theme, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.red{
		color: #fff;
		background-color: $coco-btn-red;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-red-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-red, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.orange{
		color: #fff;
		background-color: $coco-btn-orange;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-orange-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-orange, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.yellow{
		color: #333333;
		background-color: $coco-btn-yellow;
		&.disabled,
		&[disabled]{
			color: rgba(51,51,51,.6);
			background-color: $coco-btn-yellow-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-yellow, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.green{
		color: #fff;
		background-color: $coco-btn-green;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-green-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-green, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.cyan{
		color: #fff;
		background-color: $coco-btn-cyan;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-cyan-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-cyan, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.blue{
		color: #fff;
		background-color: $coco-btn-blue;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-blue-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-blue, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.purple{
		color: #fff;
		background-color: $coco-btn-purple;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-purple-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-purple, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.pink{
		color: #fff;
		background-color: $coco-btn-pink;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-pink-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-pink, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.brown{
		color: #fff;
		background-color: $coco-btn-brown;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-brown-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-brown, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.black{
		color: #fff;
		background-color: $coco-btn-black;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-black-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-black, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.gray{
		color: #fff;
		background-color: $coco-btn-gray;
		&.disabled,
		&[disabled]{
			color: rgba(255,255,255,.8);
			background-color: $coco-btn-gray-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-gray, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.light{
		color: #303133;
		background-color: $coco-btn-light;
		&.disabled,
		&[disabled]{
			color: rgba(0,0,0,.3);
			opacity: .7;
			background-color: $coco-btn-light-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-light, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.white{
		color: #303133;
		background-color: $coco-btn-white;
		&.disabled,
		&[disabled]{
			color: rgba(0,0,0,.3);
			opacity: .7;
			background-color: $coco-btn-white-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-white, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.default{
		color: #303133;
		background-color: $coco-btn-white;
		&::after{
			display: block;
			border: 1px solid rgba(0,0,0,.25);
			border-radius: $coco-btn-radius * 2;
		}
		&.round::after{
			border-radius:$coco-btn-round * 2;
		}
		&.disabled,
		&[disabled]{
			color: rgba(0,0,0,.3);
			opacity: .7;
			background-color: $coco-btn-white-disabled;
		}
		&.shadow{
			box-shadow:$coco-btn-shadow-size rgba($color: $coco-btn-white, $alpha: $coco-btn-shadow-alpha);
		}
	}
	&.theme-gradient{
		color: #fff;
		background: linear-gradient(to right, #73d98f, #1db582);
	}
	&.red-gradient{
		color: #fff;
		background: linear-gradient(to right, #ff565c, #fe3837);
	}
	//缕空按钮
	&.outline{
		background-color: transparent;
		color: #303133;
		&.disabled,
		&[disabled]{
			background-color: transparent;
			opacity: .5;
		}
		&::after{
			content: " ";
			width: 200%;
			height: 200%;
			position: absolute;
			top: 0;
			left: 0;
			border: 1px solid currentColor;
			transform: scale(.5);
			transform-origin: 0 0;
			box-sizing: border-box;
			border-radius:$coco-btn-radius * 2;
			display: block;
			pointer-events: none;
		}
		&.round::after{
			border-radius:$coco-btn-round * 2;
		}
		&.theme{
			color: $coco-btn-theme;
		}
		&.red{
			color: $coco-btn-red;
		}
		&.orange{
			color: $coco-btn-orange;
		}
		&.yellow{
			color: $coco-btn-yellow;
		}
		&.green{
			color: $coco-btn-green;
		}
		&.cyan{
			color: $coco-btn-cyan;
		}
		&.blue{
			color: $coco-btn-blue;
		}
		&.purple{
			color: $coco-btn-purple;
		}
		&.pink{
			color: $coco-btn-pink;
		}
		&.brown{
			color: $coco-btn-brown;
		}
		&.black{
			color: $coco-btn-black;
		}
		&.gray{
			color: $coco-btn-gray;
		}
		&.light{
			color: $coco-btn-light;
		}
		&.white{
			color: $coco-btn-white;
		}
		&.default{
			color: $coco-btn-gray;
			&::after{
				border-color:rgba(0, 0, 0, 0.25);
			}
		}
	}
	&.xs{
		 font-size: 22rpx;
		 height: 48rpx;
		 line-height: 48rpx;
		 padding: 0 20rpx;
	}
	&.sm{
		font-size:24rpx;
		height:56rpx;
		line-height:56rpx;
		padding: 0 24rpx;
	}
	&.md{
		font-size:28rpx;
		height:72rpx;
		line-height:72rpx;
		padding: 0 30rpx;
	}
	&.lg{
		font-size:30rpx;
		height:80rpx;
		line-height:80rpx;
		padding: 0 40rpx;
	}
	&.xl{
		display: flex;
		font-size: 32upx;
		height: 92rpx;
		line-height: 92rpx;
		padding: 0 40rpx;
	}
	&.xxl{
		display: flex;
		font-weight: bold;
		font-size: 32upx;
		height: 100rpx;
		line-height: 100rpx;
		padding: 0 40rpx;
	}
	&.button-hover{
		opacity: .9;
	}
	
}

/* coco-switch */
.coco-switch{
	transform: scale(.9);
}
.coco-switch .uni-switch-input.uni-switch-input-checked{
	background-color: #00db58!important;
	border-color: #00db58!important;
}
.coco-ellipsis{
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: 1;
}
.coco-ellipsis-2{
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.coco-ellipsis-3{
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}
/* sticky */
.coco-sticky-top{
	position: sticky;
	z-index: 997;
	top: 0px;
	/* #ifdef H5 */
	top: 44px;
	/* #endif */
	
}
/* flex */
.coco-flex{
	display: flex;
	align-items: center;
	word-break: break-all;
}
.flex-icons{
	flex: none;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 30upx;
}
.flex-head{
	flex: none;
	min-width: 0;
	margin-right: 30upx;
}
.flex-body{
	flex: 1;
	min-width: 0;
}
.flex-foot{
	flex: none;
	min-width: 0;
	margin-left: 30upx;
}
.coco-aut{
	display: flex;
	align-items: center;
}
.aut-head{
	flex: none;
	min-width: 0;
	margin-right: 24upx;
}
.aut-body{
	flex: 1;
	min-width: 0;
}
.aut-foot{
	flex: none;
	min-width: 0;
}
.aut-row{
	display: flex;
	align-items: center;
}
.aut-img,
.ava-img{
	width: 100upx;
	height: 100upx;
	border-radius: 100%;
	&.radius{
		border-radius:8upx;
	}
}
 
.aut-lvs{
	.level-tag{
		width: 180upx;
		height:32upx;
	}
}
.root-view {}
.root-fullscreen{
	width: 100%;
	height:100vh;
}
.status-bar {
	height: var(--status-bar-height);
	width: 100%;
}
.tm-ic,
.coco-icon{
	width: 48upx;
	height: 48upx;
	vertical-align: top;
}
.tm-ic.coco-xm{
	width: 64upx;
	height: 64upx;
}
.utmic-item{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	line-height: 40upx;
	padding: 24upx;
}
.utmic-item .tm-ic{
	width: 32upx;
	height: 32upx;
}
.utmic-item .tm-lab{
	margin-left: 8upx;
}
 
 
/* coco-list-view */
.coco-list-view {
	background-color: #fff;
}

.coco-list-cell {
	position: relative;
	display: block;
	padding: 0;
}
.coco-list-cell:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 30upx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #eaeaec;
}
.coco-list-item {
	display: flex;
	align-items: center;
	padding:24upx 30upx;
}
.coco-list-item .item-icons{
	flex: none;
	display: flex;
	align-items: center;
	margin-right: 24upx;
}
.coco-list-item .item-body {
	flex: 1;
	min-width: 0;
}

.coco-list-item .item-foot {
	margin-left: 30upx;
	min-width: 0;
}
.coco-list-item .item-arrow {
	margin-left: 30upx;
	min-width: 0;
	flex: none;
	display: flex;
	align-items: center;
	line-height: 1;
}
.coco-list-item .item-title {
	font-size: 30upx;
	font-weight: bold;
	line-height: 44upx;
	margin-bottom: 20upx;
}
.coco-list-item .item-time {
	font-size: 24upx;
	color: #989898;
	line-height: 40upx;
	margin-top: 8upx;
}
.coco-list-item .item-text {
	
}
.coco-list-extend{
	padding:26upx 30upx;
	margin-top: -40upx;
}
/* coco-fxrow */
.coco-fxrow{
	display: flex;
	align-items: center;
	margin-bottom: 20upx;
}
.coco-fxrow:last-child{
	margin-bottom: 0;
}
/* coco-pane */
.coco-pane{
	background-color: #fff;
	padding:20upx 30upx;
}
.coco-pane-item{
	display: flex;
	align-items: center;
	margin-bottom: 20upx;
}
.coco-pane-item:last-child{
	margin-bottom: 0;
}

.uni-input-placeholder,
.uni-textarea-placeholder{
	color: $coco-form-placeholder;
}
 
/*重置 checkbox radio*/
radio .wx-radio-input,
radio .uni-radio-input {
	border-radius: 100upx;
	transform: scale(0.75);
	line-height: 1;
	border-color:$coco-uncheck-color;
}
checkbox .wx-checkbox-input,
checkbox .uni-checkbox-input {
	border-radius: 100upx;
	transform: scale(0.75);
	line-height: 1;
	border-color:$coco-uncheck-color;
}
.coco-checkbox,.coco-radio{
	vertical-align: middle;
	line-height: 1;
}
checkbox.coco-checkbox[checked] .wx-checkbox-input,
radio.coco-radio[checked] .wx-radio-input,
checkbox.coco-checkbox .uni-checkbox-input-checked,
radio.coco-radio .uni-radio-input-checked {
	color: #fff!important;
	background-color:$coco-checked-color!important;
	border-color:$coco-checked-color!important;
}
.coco-operation{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	display: flex;
	align-items: center;
	height: 100upx;
	background-color: #fff;
	box-sizing: content-box;
	box-shadow: 0  0 10upx rgba(35, 24, 21, 0.06);
	// padding-bottom: constant(safe-area-inset-bottom);
	// padding-bottom: env(safe-area-inset-bottom);
	&::after{
		content: " ";
		width: 100%;
		height: 1px;
		background-color: #e9eaec;
		position: absolute;
		top: 0;
		left: 0;
		transform: scaleY(.5);
	}
}
.coco-operation-left{
	 
}
.coco-operation-right{
	 
}
.coco-operation-btns{
	padding:0 30upx;
	flex: 1;
	display: flex;
	align-items: center;
	.btn-cell{
		flex: 1;
		min-width: 0;
		margin-right:20upx;
		&:last-child{
			margin-right: 0;
		}
	}
}
.safe-bottom{
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);   
}
 